<template>
 <view style="margin-bottom: 10px;" class="card">
   <nut-space direction="vertical"  >
     <view class="title-box single-line-text">
       {{ data.name }}
     </view>
     <view class="content-box single-line-text">
       联系人员： {{ data.contactName }}
     </view>
     <view   style="display: flex;justify-content: space-between">
       <view class="content-box single-line-text" style="width: 200px"  >
         联系电话：{{ data.contactPhone }}
       </view>
       <nut-avatar size="20"  > <img src="https://sdztl.oss-cn-hangzhou.aliyuncs.com/tuowulian-offline/images/other/phone.png" /> </nut-avatar>

     </view>

     <view class="content-box single-line-text">
       联系地址：{{ data.contactAddr }}
     </view>
     <view class="content-box single-line-text">
       发布时间：{{ data.createTime }}
     </view>
   </nut-space>
 </view>
</template>
<script setup >
import Taro from "@tarojs/taro";

const props = defineProps({
  data: {
    type: Object,
    default: {}
  }
});
</script>



<style  >

.title-box {
  width: 620px;
  font-size: 28px;
}

.content-box {
  width: 620px;
  font-size: 22px;
  color: #636363;
}

</style>